<%-- 
    Document   : sidebar
    Created on : Jul 15, 2013, 4:04:35 PM
    Author     : NguyenSonLam
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<div id="sidebar">
    <ul class="side-nav accordion_mnu collapsible">
        <li><a href="index.jsp"><span class="white-icons computer_imac"></span> Dashboard</a></li>
        <li><a href="#"><span class="white-icons list"></span> Category</a>
            <ul class="acitem">
                <li><a href="categorys.jsp"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Category List</a></li>
                <li><a href="addCategory.jsp"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Add New</a></li>
                
            </ul>
        </li>
        <li><a href="#"><span class="white-icons cup"></span> Products</a>
            <ul class="acitem">
                <li><a href="products.jsp"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Product List</a></li>
                <li><a href="addProduct.jsp"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Add New</a></li>
                
            </ul>
        </li>
        <li><a href="#"><span class="white-icons shuffle"></span> Orders</a>
            <ul class="acitem">
                <li><a href="orders"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Order List</a></li>
                
            </ul>
        </li>
        <li><a href="#"><span class="white-icons documents"></span> Users List</a>
            <ul class="acitem">
                <li><a href="inbox.html"><span class="sidenav-icon"><span class="sidenav-link-color"></span></span>Users List</a></li>
            </ul>
        </li>
    </ul>
    <div id="side-accordion">
        <div class="accordion-group">
            <div class="accordion-header"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#side-accordion" href="#collapseOne"><i class="nav-icon month_calendar"></i> Orders New</a> </div>
            <div id="collapseOne" class="collapse in">
                <div class="accordion-content">
                    <ul class="event-list">
                        <li>
                            <div class="evnt-date"> 31<span>July</span> </div>
                            <div class="event-info"> <span><i class="icon-time"></i> 12:25 PM</span>
                                <p> Anim pariatur cliche repreh enderit, enim eiusmod high life </p>
                            </div>
                        </li>
                        <li>
                            <div class="evnt-date"> 31<span>July</span> </div>
                            <div class="event-info"> <span><i class="icon-time"></i> 2:35 PM</span>
                                <p> Anim pariatur cliche repreh enderit. </p>
                            </div>
                        </li>
                    </ul>                           
                </div>
            </div>
        </div>
    </div>
</div>
